@import url("../index.less");
.btn_border_red {
  font-size: 13px;
  color: #e64a00;
  height: 28px;
  border: 1px solid #e54b19;
  border-radius: 14px;
  line-height: 1;
  display: inline-flex;
  // display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  background: transparent;

  img {
    width: 14px;
    height: 14px;
    margin: 0 1px;
  }

  &:hover {
    border: 1px solid #f35c2b;
    color: #f47146;
    opacity: 0.8;
    background: transparent;
    // img {
    //   opacity: 0.7;
    // }
  }

  &:active {
    border: 1px solid #d34111;
    color: #e64a00;
    opacity: 1;
    background: transparent;
    // img {
    //   opacity: 1;
    // }
  }

  &:focus {
    border: 1px solid #e54b19;
    color: #e64a00;
    background: transparent;
  }
}

// 弹框的按钮边框加粗
.btn_border_red.btn_border_bold {
  border: 2px solid #e54b19;

  &:hover {
    border: 2px solid #f35c2b;
  }

  &:active {
    border: 2px solid #d34111;
  }

  &:focus {
    border: 2px solid #e54b19;
  }
}

.btn_red {
  background-color: #e64a00;
  border-radius: 14px;
  height: 28px;
  width: 80px;
  font-size: 13px;
  color: #fff;
  border: none;
  font-weight: bold;

  &:hover {
    background-color: #f35c2b;
    color: #fff;
  }

  &:active {
    background-color: #d34111;
    color: #fff;
  }

  &:focus {
    background-color: #e64a00;
    color: #fff;
  }
}

.btn_disabled {
  background-color: #D4D7DD;
  border-radius: 14px;
  height: 28px;
  width: 80px;
  font-size: 13px;
  color: #fff;
  border: none;
  font-weight: bold;

  &:hover {
    background-color: #D4D7DD;
    cursor: not-allowed;
    color: #fff;
  }

  &:active {
    background-color: #D4D7DD;
    color: #fff;
  }

  &:focus {
    background-color: #D4D7DD;
    color: #fff;
  }
}

// 请勿使用button，用a标签，切记啊
.btn_red_link {
  font-size: 13px;
  color: #e64a00;
  border: none;

  &:focus {
    border: none;
    color: #e54b19;
  }

  &:hover {
    color: #f47146;
    text-decoration: underline;
  }

  &:active {
    color: #e64a00;
  }
}

.btn_red_link_disable,
.btn_red_link_disable:hover,
.btn_red_link_disable:active,
.btn_red_link_disable:focus {
  opacity: 0.4;
  color: #35425e;
}

.btn_orange_link {
  font-size: 13px;
  color: #F8A456;
  border: none;

  &:focus {
    border: none;
    color: #D98537;
  }

  &:hover {
    color: #FFBD7F;
    text-decoration: underline;
  }

  &:active {
    color: #F8A456;
  }
}


.btn_blue_link {
  font-size: 13px;
  color: #1F51A4;
  border: none;
  text-decoration: underline;
  padding: 0 10px;

  &:focus {
    color: #1F51A4;
  }

  &:hover {
    color: #4374C5;
    text-decoration: underline;
  }

  &:active {
    color: #0D3D8D;
  }
}

.btn_go_page {
  height: 24px;
  width: 62px;
  background-color: #e8eaf3;
  border-radius: 14px;
  font-size: 13px;
  color: #1f51a4;
  border: none;
  margin-left: 7px;
  line-height: 10px;

  &:hover {
    background: #f3f5fb;
  }

  &:active {
    background: #d7daeb;
  }
}

// 搜索按钮
.btn_search_red {
  background: linear-gradient(135deg, #e64a00 0%, #ff661e 100%);
  width: 42px;
  height: 24px;
  line-height: 20px;
  color: #fff;
  border-radius: 2px;
  border: none;

  &:hover {
    background-image: linear-gradient(135deg, #f35c2b 0%, #ff7838 100%);
  }

  &:active {
    background-image: linear-gradient(135deg, #d34111 0%, #e64a00 100%);
  }
}

.icon_magnifying_glass {
  display: inline-block;
  width: 14px;
  height: 14px;
  background-position: center;
  background-size: contain;
  background-image: url('../assets/icons/icon-search.png');
}

// .btn_blue_link {
//   font-size: 13px;
//   color: #35425e;
//   padding: 0 10px;

//   &:hover {
//     color: #1f51a4;
//   }

//   &:focus {
//     color: #35425e;
//   }
// }

// .btn_blue_link_active {
//   background: #e5f0ff;
//   border-radius: 12px;
//   height: 22px;
//   font-size: 13px;
//   color: #1f51a4;
//   line-height: 22px;
//   display: inline-flex;
//   align-items: center;

//   &:hover {
//     background: #e5f0ff;
//     color: #1f51a4;
//   }

//   &:focus {
//     background: #e5f0ff;
//     color: #1f51a4;
//   }
// }

// 两个字的按钮要自己做一下缩略
.btn_short_text {
  // letter-spacing: -2px;
}

//搜索行按钮和a链接底部对齐
.searchLine_btn_a {
  // margin-bottom: 4px;
  display: flex;
  align-items: flex-end;
}

// 多选按钮
.btn_multi_check {
  border: 1px solid #d4d7dd;
  border-radius: 2px;
  color: #35425e;
  margin-right: 8px;
  height: 28px;
  display: inline-flex;
  align-items: center;

  &:hover {
    background: #f1f6ff;
    border: 1px solid #7fa0db;
    color: #35425e;
  }

  &:focus {
    border: 1px solid #d4d7dd;
    color: #35425e;
  }
}

.btn_multi_check_active,
.btn_multi_check:active,
.btn_multi_check:visited,
.btn_multi_check_active:focus {
  background: #f1f6ff;
  border: 1px solid #7fa0db;
  border-radius: 2px;
  color: #1f51a4;
}

.btn_multi_check[disabled] {
  background: #F9F9F9 !important;
  border: 1px solid #D4D7DD !important;
  border-radius: 2px !important;
  color: rgba(53, 66, 94, 0.4) !important;
  // opacity: 0.4;
}

:global {

  .ant-btn[disabled]:not(.findfit_btn),
  .ant-btn[disabled]:not(.findfit_btn):hover,
  .ant-btn[disabled]:not(.findfit_btn):focus,
  .ant-btn[disabled]:not(.findfit_btn):active {
    background: #d4d7dd;
    border-radius: 14px;
    .font-bold();
    font-size: 13px;
    color: #fff;
    border: none;
  }

  // 搜索框
  .ant-input-affix-wrapper {
    input.ant-input {
      height: 30px;
    }
  }

  // .ant-btn {
  //   &:focus {
  //     color: inherit;
  //   }
  // }
}

// 上传附件按钮
.uploadBtn {
  background: #f5f6f8;
  border: 1px dashed #d4d7dd !important;
  border-radius: 2px;
  font-family: PingFangSC-Regular;
  font-size: 13px;
  line-height: 20px;
  color: #35425e;
  // line-height: 28px;
  width: 100px;
  height: 28px;
  text-align: center;

  &:hover {
    background: #fcfdfe;
    // border: 1px solid #d4d7dd;
    border-radius: 2px;
    color: #35425e;
  }

  &:active {
    background: #eceef2;
    // border: 1px solid #d4d7dd;
    border-radius: 2px;
  }

  img {
    width: 14px;
    height: 14px;
    // margin-bottom: 4px;
    vertical-align: middle;
  }
}

.btn_border_gray {
  font-size: 13px;
  color: #35425E;
  height: 22px;
  border: 1px solid #E4E4E4;
  border-radius: 13px;
  line-height: 14px;
  display: inline-flex;
  // display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  padding: 4px 15px;

  img {
    width: 14px;
    height: 14px;
    margin: 0 1px;
  }

  &:hover {
    border: 1px solid #E4E4E4;
    color: #35425E;
    opacity: 0.8;
    background: transparent;
    // img {
    //   opacity: 0.7;
    // }
  }

  &:active {
    border: 1px solid #E4E4E4;
    color: #35425E;
    opacity: 1;
    background: transparent;
    // img {
    //   opacity: 1;
    // }
  }

  &:focus {
    border: 1px solid #E4E4E4;
    color: #35425E;
    background: transparent;
  }
}

// 去除wave光晕
button[ant-click-animating-without-extra-node]:after {
  border: 0 none;
  opacity: 0;
  animation: none 0 ease 0 1 normal;
}
